<!-- eslint-disable vue/multi-word-component-names -->
<template>
	<div class="time-container">
		<p class="time">{{ messageTime }}</p>
	</div>
</template>

<script>
import { formatMessageTime } from '@/utils/message';
export default {
	props: ['time'],
	data() {
		return {
			messageTime: ''
		};
	},
	mounted() {
		this.messageTime = formatMessageTime(this.time);
	}
};
</script>

<style scoped>
.time-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.time-container .time {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #b0b0b0;
}
</style>
